<template>
  <div class="title">
    <span v-if="isNecessary" style="color:red">*</span>
    <span v-if="no!=0" class="font">{{no}}.</span>
    <span class="font">{{title}}</span>
  </div>
</template>

<script>
export default {
  name:'Title',
  data(){
   return {

   }
  },
  props: {
    isNecessary: {
      type: Boolean,
      default: true
    },
    no: {
      type: Number,
      default: 0
    },
    title: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped>

  .font {
    font-size: 1.5rem;
    font-weight: bold;
  }
</style>
